johnny and sprites

CSS sprites a lot of people in the country called CSS Wizard, is a kind of Web page image application processing mode. It allows you to include all the bits and pieces of a page that are involved in a larger image, so that when you visit the page, the loaded picture will not show up as slowly as before. According to the specific icon in the larger picture position, to the background positioning. The key to the CSS

What is CSS Sprites?The word "Sprite" in computer graphics has its unique definition, because the game, video and other picture quality more and more high, there must be a technology can intelligently handle materials and stickers, and to keep the picture smooth. "Sprite" is a technique that combines many pictures into a grid and then navigates the contents of each grid to the screen through a program.The sprite is positioned on a static picture and i

First, CSS sprites introductionIt is often translated as "CSS image flattening" or "CSS map positioning". CSS sprites is not a new technology, at present it has developed in the web development more mature, CSS sprites is not a golden rule, but in many cases, it has a certain advantage, the most important thing is that it can reduce the load of the server, improv

Core tip: as the web design toward the delicate, ingenious direction, designers began to consider using non-JavaScript way to make mouse over, hover menu effect, when the CSS sprite came into being. Introduction to CSS Sprites It is often translated as "CSS image flattening" or "CSS mapping positioning". CSS sprites is not a new technology, at present it has developed in the development of a more mature W

CSS Sprites technology for the vast number of front-end engineers should be not unfamiliar. What exactly is the problem with this guy who is nicknamed CSS Sprite CSS by a domestic developer, and how do we use this technology properly? Let's talk about it in detail below. In everyone is still in the dial-up Internet "ancient times", due to the speed limit, page developers like the page inside the image byte control is very small, often in a picture fo

About the CSS Sprites technology optimization We can do how much, can reduce the number of requests. This is not done unilaterally, and it all depends on the combination of XHTML, CSS, CSS sprites pictures. So far there is no absolute optimization approach, which is what I often measure in the project CSS Sprites pictures and XHTML relationships, such as: "A back

First, what is CSS spritesCSS sprites literal translation is the CSS Wizard. This is often interpreted as "CSS image flattening" or "CSS mapping positioning". In fact, it is through the integration of multiple images into a picture, and then through the CSS background background positioning technology Skills Layout page background. The advantages of this is also obvious, because more pictures, will increase the HTTP request, undoubtedly prompted the p

CSS Sprites (sprite chart, sprite chart) * Three names to rememberDefinition: The Small navigation button icon that is needed on the interface, the small icon is integrated into a background imageThen use the background-position to achieve the background image positioningPros: 1. Reduce the number of requests to the server by consolidating the amount of pictures2. Integrate images to reduce image volumeprinciples of picture integration :1. Edge transd

First of all, to say briefly what is Sprites,sprites is a Web image application processing. It allows you to include all the bits and pieces of a page that are involved in a larger image, so that when you visit the page, the loaded picture will not show up as slowly as before. For the current network speed, not higher than 200KB of the single picture of the required loading time is almost the same, so no sc

What is CSS SpritesICON on the page, column background, picture button merge a background map with the rulesUsing background-position to realize the positioning of background imageCommon CSS Sprites tools1. CSS SatyrYou can drag arrange/auto generate CSS Big picture. pic {Background-image:url ("CSS satyr.png"); display:block;}. pic_5 {background-position: -140px-0px; width:16px; height:16px;}. pic_1 {background-position: -0px-0px; width:16px; height:1

Sprites are ghosts, goblins, naughty ghosts, the first to listen to the name of this high-end foreign flavor I was shocked to live, step by step to uncover the veil after the very simple things, the role is very bigWhat isCSS Sprites CSS sprites refers to a lot of small images (many icon files) in the Web page into a large map arranged by law, when displayed by